<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue</title>
</head>
<body>
<div id="app">
  地址：{{info.address}}
</div>
<script src="../../node_modules/vue/dist/vue.js"></script>
<script>
  let vm = new Vue({
    el:'#app',
    data(){
      return {
        msg:'hello',
        info:{
          xxx:'xxxx',
        }
      }
    }
    // template:'<h1>hello world!</h1>'
  })
  vm.$set(vm.info,'address','hello');
  vm.$nextTick(()=>{
    console.log(vm.$el.innerHTML);
    console.log(vm.$options);
  });
  vm.$watch('info.xxx',function (newValue,oldValue) {
    console.log(newValue,oldValue);
  });
  vm.info.xxx = 'aaaaa'
  vm.info.xxx = 'bbbb'

</script>
</body>
</html>
